<!DOCTYPE html>
<html>

<head>
    <title></title>
    <!-- For-Mobile-Apps-and-Meta-Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Fortune Estates Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, SmartPhone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" />
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link rel="stylesheet" href="css/ken-burns.css" type="text/css" media="all" />
    <!--//pop-up-box -->
    <!-- web-fonts -->
    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <!-- //web-fonts -->
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="css/demos.css">
    <style>
        body {
            /*background-image: url(images/mybackground.jpg);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: 100% 100%;
            width: 100%;*/
            background-color: black;
        }

        p {
            margin: 0 0 0;
            text-align: center;
            color: white;
            font-size: 10px;
            line-height: 1.8;
        }

        h1 {
            margin: 0 0 0;
        }

        .box {
            position: relative;
            top: 100px;
            width: 100%;
            /*宽*/
            height: 200px;
            /*高*/
            margin: 0px auto;
        }


    </style>
</head>

<body class="bg">
<div class="agile-main">
    <div class="content-wrap">
        <div class="content" style="padding-left: 20px;padding-right: 20px;">
            <img src="images/font.png" width="60%" height="auto" style="margin-left: 40%;margin-top: 30px;"/>
            <div class="box">
                <div class="weui-flex">
                    <div class="weui-flex__item">
                        <a href="#" class="weui-tabbar__item">
                            <div class="weui-tabbar__icon" style="width: 50px;height: auto;">
                                <img src="images/mytea.png" alt="">
                            </div>
                            <p class="">我的奶茶</p>
                        </a>
                    </div>
                    <div class="weui-flex__item">
                        <div class="weui-flex__item">
                            <a href="#" id="myOrder" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon" style="width: 50px;height: auto;">
                                    <img src="images/myorder.png" alt="">
                                </div>
                                <p class="">我的订单</p>
                            </a>
                        </div>
                    </div>
                    <div class="weui-flex__item">
                        <div class="weui-flex__item">
                            <a href="#" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon" style="width: 50px;height: auto;">
                                    <img src="images/myticket.png" alt="">
                                </div>
                                <p class="">我的卷</p>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="weui-flex" style="margin-top: 50px;">
                    <div class="weui-flex__item">
                        <a href="#" class="weui-tabbar__item">
                            <div class="weui-tabbar__icon" style="width: 50px;height: auto;">
                                <img src="images/myfriends.png" alt="">
                            </div>
                            <p class="">请ta喝</p>
                        </a>
                    </div>
                    <div class="weui-flex__item">
                        <div class="weui-flex__item">
                            <a href="#" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon" style="width: 50px;height: auto;">
                                    <img src="images/myinvoice.png" alt="">
                                </div>
                                <p class="">开发票</p>
                            </a>
                        </div>
                    </div>
                    <div class="weui-flex__item">
                        <div class="weui-flex__item">
                            <a href="#" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon" style="width: 50px;height: auto;">
                                    <img src="images/setup.png" alt="">
                                </div>
                                <p class="">设置</p>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="weui-tabbar" style="background-color: rgb(251,189,10);">
            <a class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <img id="main" src="images/cup.png" alt="">
                </div>
                <p class="weui-tabbar__label">单品</p>
            </a>
            <a class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <img src="images/meal.png" alt="">
                </div>
                <p class="weui-tabbar__label">套餐</p>
            </a>
            <a class="weui-tabbar__item weui-bar__item--on">
                <div class="weui-tabbar__icon">
                    <img id="my" src="images/my.png" alt="">
                </div>
                <p class="weui-tabbar__label">我</p>
            </a>
        </div>
    </div>
</div>

<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script src="js/classie.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/jquery-weui.js"></script>
<script src="js/jquery.fly.min.js"></script>
<script src="js/utils.js"></script>
<script>
    $("#main").on("click", function () {
        var param = {};
        param.openid = '${openid}';
        param.accesstoken = '${accesstoken}';
        param.state = '${mach}';
        $.submitFormPost('/weixin.do', param, 'POST');
    });

    $("#my").on("click", function () {
        var param = {};
        param.openid = '${openid}';
        param.accesstoken = '${accesstoken}';
        param.mach = '${mach}';
        $.submitFormPost('/my.do', param, 'POST');
    });

    $("#myOrder").on("click", function () {
        var param = {};
        param.openid = '${openid}';
        param.accesstoken = '${accesstoken}';
        param.mach = '${mach}';
        $.submitFormPost('/myorder.do', param, 'POST');
    });
</script>

</body>

</html>